<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3675621" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b0;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe8b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">签到</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">问题</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">导航</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ab;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe8ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">排行榜备份</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">排行，活动</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">叉叉</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">品质保障</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">极速退款</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">门店</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">提醒</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">常见问题／相关问题</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">意见反馈</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">客服咨询灰</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">收货地址</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">全部订单</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">待退款</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">待评价</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">待提货</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">支付 钱包 待支付</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">information</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">推荐</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">三角形</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ba;</span>
                <div class="name"> 定位2小</div>
                <div class="code-name">&amp;#xe8ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec8c;</span>
                <div class="name">点赞_块</div>
                <div class="code-name">&amp;#xec8c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">叉</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">向上</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe890;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe890;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">个人中心</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">资金账户2</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">订单_订单列表</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88f;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe88f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">购物车</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb15;</span>
                <div class="name">向左</div>
                <div class="code-name">&amp;#xeb15;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">列表2</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">加星收藏_填充</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">收货地址</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">客户</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">在线客服 customer service</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe98c;</span>
                <div class="name">仓储仓库</div>
                <div class="code-name">&amp;#xe98c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">向右箭头</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">三角形_上</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">三角形_上</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">三角形</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">回到顶部</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">向右1</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">闹钟</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">喇叭</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">砖石</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">极速传递</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">质量</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">海外专享</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86e;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe86e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">向下2</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
                <div class="name">邀请</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">攻略</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">实力</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81d;</span>
                <div class="name">银行</div>
                <div class="code-name">&amp;#xe81d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81e;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe81e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81f;</span>
                <div class="name">信息</div>
                <div class="code-name">&amp;#xe81f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe821;</span>
                <div class="name">银行卡</div>
                <div class="code-name">&amp;#xe821;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe828;</span>
                <div class="name">团队</div>
                <div class="code-name">&amp;#xe828;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe829;</span>
                <div class="name">保障</div>
                <div class="code-name">&amp;#xe829;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82a;</span>
                <div class="name">事件</div>
                <div class="code-name">&amp;#xe82a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82b;</span>
                <div class="name">简介</div>
                <div class="code-name">&amp;#xe82b;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1681987702093') format('woff'),
       url('iconfont.ttf?t=1681987702093') format('truetype'),
       url('iconfont.svg?t=1681987702093#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang1"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiandao"></span>
            <div class="name">
              签到
            </div>
            <div class="code-name">.icon-qiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenti"></span>
            <div class="name">
              问题
            </div>
            <div class="code-name">.icon-wenti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daohang"></span>
            <div class="name">
              导航
            </div>
            <div class="code-name">.icon-daohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquan1"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.icon-anquan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxia1"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.icon-xiangxia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paihangbangbeifen"></span>
            <div class="name">
              排行榜备份
            </div>
            <div class="code-name">.icon-paihangbangbeifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-paihanghuodong"></span>
            <div class="name">
              排行，活动
            </div>
            <div class="code-name">.icon-a-paihanghuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chacha"></span>
            <div class="name">
              叉叉
            </div>
            <div class="code-name">.icon-chacha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo1"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinzhibaozhang"></span>
            <div class="name">
              品质保障
            </div>
            <div class="code-name">.icon-pinzhibaozhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jisukuikuan"></span>
            <div class="name">
              极速退款
            </div>
            <div class="code-name">.icon-jisukuikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mendian"></span>
            <div class="name">
              门店
            </div>
            <div class="code-name">.icon-mendian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tixing"></span>
            <div class="name">
              提醒
            </div>
            <div class="code-name">.icon-tixing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-changjianwentixiangguanwenti"></span>
            <div class="name">
              常见问题／相关问题
            </div>
            <div class="code-name">.icon-changjianwentixiangguanwenti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yijianfankui"></span>
            <div class="name">
              意见反馈
            </div>
            <div class="code-name">.icon-yijianfankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefuzixunhui"></span>
            <div class="name">
              客服咨询灰
            </div>
            <div class="code-name">.icon-kefuzixunhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouhuodizhi1"></span>
            <div class="name">
              收货地址
            </div>
            <div class="code-name">.icon-shouhuodizhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanbudingdan"></span>
            <div class="name">
              全部订单
            </div>
            <div class="code-name">.icon-quanbudingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daituikuan"></span>
            <div class="name">
              待退款
            </div>
            <div class="code-name">.icon-daituikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daipingjia"></span>
            <div class="name">
              待评价
            </div>
            <div class="code-name">.icon-daipingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daitihuo"></span>
            <div class="name">
              待提货
            </div>
            <div class="code-name">.icon-daitihuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zhifuqianbaodaizhifu"></span>
            <div class="name">
              支付 钱包 待支付
            </div>
            <div class="code-name">.icon-a-zhifuqianbaodaizhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxi1"></span>
            <div class="name">
              information
            </div>
            <div class="code-name">.icon-xinxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuijian"></span>
            <div class="name">
              推荐
            </div>
            <div class="code-name">.icon-tuijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sanjiaoxing"></span>
            <div class="name">
              三角形
            </div>
            <div class="code-name">.icon-sanjiaoxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingweixiao"></span>
            <div class="name">
               定位2小
            </div>
            <div class="code-name">.icon-dingweixiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzan_kuai"></span>
            <div class="name">
              点赞_块
            </div>
            <div class="code-name">.icon-dianzan_kuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cha"></span>
            <div class="name">
              叉
            </div>
            <div class="code-name">.icon-cha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxia"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.icon-xiangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangshang"></span>
            <div class="name">
              向上
            </div>
            <div class="code-name">.icon-xiangshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiao"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-liebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gerenzhongxin"></span>
            <div class="name">
              个人中心
            </div>
            <div class="code-name">.icon-gerenzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zijinzhanghu2"></span>
            <div class="name">
              资金账户2
            </div>
            <div class="code-name">.icon-zijinzhanghu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdan_dingdanliebiao"></span>
            <div class="name">
              订单_订单列表
            </div>
            <div class="code-name">.icon-dingdan_dingdanliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefu"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.icon-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouwuche"></span>
            <div class="name">
              购物车
            </div>
            <div class="code-name">.icon-gouwuche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangzuo"></span>
            <div class="name">
              向左
            </div>
            <div class="code-name">.icon-xiangzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiao2"></span>
            <div class="name">
              列表2
            </div>
            <div class="code-name">.icon-liebiao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaxingshoucangtianchong"></span>
            <div class="name">
              加星收藏_填充
            </div>
            <div class="code-name">.icon-jiaxingshoucangtianchong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouhuodizhi"></span>
            <div class="name">
              收货地址
            </div>
            <div class="code-name">.icon-shouhuodizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehu"></span>
            <div class="name">
              客户
            </div>
            <div class="code-name">.icon-kehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaixiankefucustomerservice"></span>
            <div class="name">
              在线客服 customer service
            </div>
            <div class="code-name">.icon-zaixiankefucustomerservice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cangchucangku"></span>
            <div class="name">
              仓储仓库
            </div>
            <div class="code-name">.icon-cangchucangku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangyoujiantou"></span>
            <div class="name">
              向右箭头
            </div>
            <div class="code-name">.icon-xiangyoujiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sanjiaoxing_shang"></span>
            <div class="name">
              三角形_上
            </div>
            <div class="code-name">.icon-sanjiaoxing_shang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sanjiaoxing_shang-copy"></span>
            <div class="name">
              三角形_上
            </div>
            <div class="code-name">.icon-sanjiaoxing_shang-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.icon-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-triangle-fill"></span>
            <div class="name">
              三角形
            </div>
            <div class="code-name">.icon-triangle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-upward"></span>
            <div class="name">
              回到顶部
            </div>
            <div class="code-name">.icon-upward
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangyou1"></span>
            <div class="name">
              向右1
            </div>
            <div class="code-name">.icon-xiangyou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-naozhong"></span>
            <div class="name">
              闹钟
            </div>
            <div class="code-name">.icon-naozhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-laba"></span>
            <div class="name">
              喇叭
            </div>
            <div class="code-name">.icon-laba
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconset0219"></span>
            <div class="name">
              砖石
            </div>
            <div class="code-name">.icon-iconset0219
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jisuchuandi"></span>
            <div class="name">
              极速传递
            </div>
            <div class="code-name">.icon-jisuchuandi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiliang"></span>
            <div class="name">
              质量
            </div>
            <div class="code-name">.icon-zhiliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-haiwaizhuanxiang"></span>
            <div class="name">
              海外专享
            </div>
            <div class="code-name">.icon-haiwaizhuanxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.icon-fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxia2"></span>
            <div class="name">
              向下2
            </div>
            <div class="code-name">.icon-xiangxia2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yaoqing"></span>
            <div class="name">
              邀请
            </div>
            <div class="code-name">.icon-yaoqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonglve"></span>
            <div class="name">
              攻略
            </div>
            <div class="code-name">.icon-gonglve
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shili"></span>
            <div class="name">
              实力
            </div>
            <div class="code-name">.icon-shili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang"></span>
            <div class="name">
              银行
            </div>
            <div class="code-name">.icon-yinhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquan"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.icon-anquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxi"></span>
            <div class="name">
              信息
            </div>
            <div class="code-name">.icon-xinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhangka"></span>
            <div class="name">
              银行卡
            </div>
            <div class="code-name">.icon-yinhangka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuandui"></span>
            <div class="name">
              团队
            </div>
            <div class="code-name">.icon-tuandui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baozhang"></span>
            <div class="name">
              保障
            </div>
            <div class="code-name">.icon-baozhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              事件
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianjie"></span>
            <div class="name">
              简介
            </div>
            <div class="code-name">.icon-jianjie
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang1"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiandao"></use>
                </svg>
                <div class="name">签到</div>
                <div class="code-name">#icon-qiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenti"></use>
                </svg>
                <div class="name">问题</div>
                <div class="code-name">#icon-wenti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daohang"></use>
                </svg>
                <div class="name">导航</div>
                <div class="code-name">#icon-daohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquan1"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#icon-anquan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxia1"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#icon-xiangxia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paihangbangbeifen"></use>
                </svg>
                <div class="name">排行榜备份</div>
                <div class="code-name">#icon-paihangbangbeifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-paihanghuodong"></use>
                </svg>
                <div class="name">排行，活动</div>
                <div class="code-name">#icon-a-paihanghuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chacha"></use>
                </svg>
                <div class="name">叉叉</div>
                <div class="code-name">#icon-chacha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo1"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinzhibaozhang"></use>
                </svg>
                <div class="name">品质保障</div>
                <div class="code-name">#icon-pinzhibaozhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jisukuikuan"></use>
                </svg>
                <div class="name">极速退款</div>
                <div class="code-name">#icon-jisukuikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mendian"></use>
                </svg>
                <div class="name">门店</div>
                <div class="code-name">#icon-mendian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tixing"></use>
                </svg>
                <div class="name">提醒</div>
                <div class="code-name">#icon-tixing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-changjianwentixiangguanwenti"></use>
                </svg>
                <div class="name">常见问题／相关问题</div>
                <div class="code-name">#icon-changjianwentixiangguanwenti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yijianfankui"></use>
                </svg>
                <div class="name">意见反馈</div>
                <div class="code-name">#icon-yijianfankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefuzixunhui"></use>
                </svg>
                <div class="name">客服咨询灰</div>
                <div class="code-name">#icon-kefuzixunhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouhuodizhi1"></use>
                </svg>
                <div class="name">收货地址</div>
                <div class="code-name">#icon-shouhuodizhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbudingdan"></use>
                </svg>
                <div class="name">全部订单</div>
                <div class="code-name">#icon-quanbudingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daituikuan"></use>
                </svg>
                <div class="name">待退款</div>
                <div class="code-name">#icon-daituikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daipingjia"></use>
                </svg>
                <div class="name">待评价</div>
                <div class="code-name">#icon-daipingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daitihuo"></use>
                </svg>
                <div class="name">待提货</div>
                <div class="code-name">#icon-daitihuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhifuqianbaodaizhifu"></use>
                </svg>
                <div class="name">支付 钱包 待支付</div>
                <div class="code-name">#icon-a-zhifuqianbaodaizhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxi1"></use>
                </svg>
                <div class="name">information</div>
                <div class="code-name">#icon-xinxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuijian"></use>
                </svg>
                <div class="name">推荐</div>
                <div class="code-name">#icon-tuijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sanjiaoxing"></use>
                </svg>
                <div class="name">三角形</div>
                <div class="code-name">#icon-sanjiaoxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingweixiao"></use>
                </svg>
                <div class="name"> 定位2小</div>
                <div class="code-name">#icon-dingweixiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzan_kuai"></use>
                </svg>
                <div class="name">点赞_块</div>
                <div class="code-name">#icon-dianzan_kuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cha"></use>
                </svg>
                <div class="name">叉</div>
                <div class="code-name">#icon-cha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxia"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#icon-xiangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangshang"></use>
                </svg>
                <div class="name">向上</div>
                <div class="code-name">#icon-xiangshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiao"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-liebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gerenzhongxin"></use>
                </svg>
                <div class="name">个人中心</div>
                <div class="code-name">#icon-gerenzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zijinzhanghu2"></use>
                </svg>
                <div class="name">资金账户2</div>
                <div class="code-name">#icon-zijinzhanghu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdan_dingdanliebiao"></use>
                </svg>
                <div class="name">订单_订单列表</div>
                <div class="code-name">#icon-dingdan_dingdanliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#icon-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouwuche"></use>
                </svg>
                <div class="name">购物车</div>
                <div class="code-name">#icon-gouwuche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangzuo"></use>
                </svg>
                <div class="name">向左</div>
                <div class="code-name">#icon-xiangzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiao2"></use>
                </svg>
                <div class="name">列表2</div>
                <div class="code-name">#icon-liebiao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaxingshoucangtianchong"></use>
                </svg>
                <div class="name">加星收藏_填充</div>
                <div class="code-name">#icon-jiaxingshoucangtianchong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouhuodizhi"></use>
                </svg>
                <div class="name">收货地址</div>
                <div class="code-name">#icon-shouhuodizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehu"></use>
                </svg>
                <div class="name">客户</div>
                <div class="code-name">#icon-kehu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaixiankefucustomerservice"></use>
                </svg>
                <div class="name">在线客服 customer service</div>
                <div class="code-name">#icon-zaixiankefucustomerservice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cangchucangku"></use>
                </svg>
                <div class="name">仓储仓库</div>
                <div class="code-name">#icon-cangchucangku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyoujiantou"></use>
                </svg>
                <div class="name">向右箭头</div>
                <div class="code-name">#icon-xiangyoujiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sanjiaoxing_shang"></use>
                </svg>
                <div class="name">三角形_上</div>
                <div class="code-name">#icon-sanjiaoxing_shang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sanjiaoxing_shang-copy"></use>
                </svg>
                <div class="name">三角形_上</div>
                <div class="code-name">#icon-sanjiaoxing_shang-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#icon-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-triangle-fill"></use>
                </svg>
                <div class="name">三角形</div>
                <div class="code-name">#icon-triangle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-upward"></use>
                </svg>
                <div class="name">回到顶部</div>
                <div class="code-name">#icon-upward</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyou1"></use>
                </svg>
                <div class="name">向右1</div>
                <div class="code-name">#icon-xiangyou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-naozhong"></use>
                </svg>
                <div class="name">闹钟</div>
                <div class="code-name">#icon-naozhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-laba"></use>
                </svg>
                <div class="name">喇叭</div>
                <div class="code-name">#icon-laba</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconset0219"></use>
                </svg>
                <div class="name">砖石</div>
                <div class="code-name">#icon-iconset0219</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jisuchuandi"></use>
                </svg>
                <div class="name">极速传递</div>
                <div class="code-name">#icon-jisuchuandi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiliang"></use>
                </svg>
                <div class="name">质量</div>
                <div class="code-name">#icon-zhiliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-haiwaizhuanxiang"></use>
                </svg>
                <div class="name">海外专享</div>
                <div class="code-name">#icon-haiwaizhuanxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#icon-fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxia2"></use>
                </svg>
                <div class="name">向下2</div>
                <div class="code-name">#icon-xiangxia2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yaoqing"></use>
                </svg>
                <div class="name">邀请</div>
                <div class="code-name">#icon-yaoqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonglve"></use>
                </svg>
                <div class="name">攻略</div>
                <div class="code-name">#icon-gonglve</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shili"></use>
                </svg>
                <div class="name">实力</div>
                <div class="code-name">#icon-shili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang"></use>
                </svg>
                <div class="name">银行</div>
                <div class="code-name">#icon-yinhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquan"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#icon-anquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxi"></use>
                </svg>
                <div class="name">信息</div>
                <div class="code-name">#icon-xinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhangka"></use>
                </svg>
                <div class="name">银行卡</div>
                <div class="code-name">#icon-yinhangka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuandui"></use>
                </svg>
                <div class="name">团队</div>
                <div class="code-name">#icon-tuandui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baozhang"></use>
                </svg>
                <div class="name">保障</div>
                <div class="code-name">#icon-baozhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">事件</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianjie"></use>
                </svg>
                <div class="name">简介</div>
                <div class="code-name">#icon-jianjie</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
